<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="./dist/index.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/api.js"></script>
</head>
<body>
    <!-- 顶部导航栏 -->
    <nav style="position: fixed;z-index: 999;">
        <div id="header">
       <a href="index.html"></a>
       <div class="login-regin"><span onclick="fnlog(login)">登录</span>/<span onclick="fnregn(regin)">注册</span></div>
       <div class="list-cart" onclick="tocart()">购物车<span></span></div>
       <div  class="heard-box box-msg"><span></span></div>
       <div  class="heard-box box-serach"><span></span></div>
       <div  class="heard-box box-question"><span></span></div>
        </div>
        <div id="login">
           <div class="login-left">
                <h1>还未注册？</h1>
                <button onclick="fnel()" >注册账户</button>     
           </div>
           <div class="login-right">
               <h1>已经成为会员？</h1>
               <input type="text" class="ipt-id" placeholder="请输入账号" onblur="fnloginid()"><span></span><br>
               <input type="password" class="ipt-pw" placeholder="请输入密码" onblur="fnloginpw()"><span></span>
               <p><input type="checkbox" />一旦登录，即表明您同意匡威更新的 隐私政策和使用规则</p>
               <button id="login-btn">登录</button>
           </div>
           <div class="login-bottom" onclick="fnl(login)"></div>
       </div>
       <div id="regin">
           <div class="regin-left">
               <input type="text" placeholder="请输入手机号" class="reg-phone" onblur="fnphone()"><span></span><br>
               <input type="text" placeholder="请输入邮箱" class="reg-mail" onblur="fnmail()"><span></span><br>
           </div>
           <div class="regin-right">
               <input type="text" placeholder="请输入账号名称" class="reg-id" oninput="fnregid()" onblur="fnjudgeid()"><span></span><br>
               <input type="password" placeholder="请输入密码" class="reg-pw" onblur="fnregpw()"><span></span><br>
               <input type="password" placeholder="请确认密码" class="reg-pw-judge" onblur="fnpwjudge()"><span></span><br>
               <button id="regin-btn" onclick="fnreg()">注册</button>

           </div>
           <div class="regin-bottom" onclick="fnl(regin)"></div>

       </div>
    </nav> 
    <div style="width: 100%;height: 80px;"></div>
    <!-- 商品详情页 -->
    <main>
        <h2 class="main-title"></h2>
      <div class="main-left">
          <a href="#"><span class="share"></span> 分享</a>
          <a href="#"><span class="join"></span> 加入收藏（999+）</a>
          <a href="#"><span class="stars"></span> <i>（23）</i></a>
      </div>
      <div class="main-center">
          <div class="main-box">

          </div>
      </div>
      <div class="main-right">
          <div class="lit-img">
              <a href="#" class="lit-img-left"></a>
              <a href="#" class="lit-img-right"></a>
          </div>
          <div class="lit-dec">
          </div>
          <div class="lit-selet">
            <div class="select-left">请输入您的尺码</div>
            <input class="select-right" type="text">
          </div>
          <div class="lit-num">
            <div class="num-left">请选择数量</div>
            <input class="num-right" type="number" value="1" />
          </div>
          <button class="buy-now">立即购买</button><br>
          <button class="add-cars">加入购物车</button>
        </div>
      </div>
      <div class="img-list">
          <a href="#" class="img-list-main"></a>
          <a href="#" class="img-list-main"></a>
          <a href="#" class="img-list-main"></a>
          <a href="#" class="img-list-main"></a>
          <a href="#" class="img-list-main"></a>
          <a href="#" class="img-list-main"></a>
      </div>
      <div class="product-description">
		
		<h3></h3>
		<li>高帮帆布鞋面</li>
        <li>经典星星脚踝贴片</li>
        <li>带翼鞋舌缝线细节</li>
        <li>中底撞色橡胶鞋围条</li>
        <li>OrthoLite（欧索莱）鞋垫帮助带来全天候舒适体验</li>
        <h4></h4>
		<p></p>
		<!-- 价格说明 -->
	    <h3>价格说明（此说明仅当出现价格比较时有效）</h3>
		<p>划线价格：划线的价格可能是商品的专柜吊牌价或正品零售价指导价或该商品的曾经展示过的销售价等，仅供您参考。</p>
		<p>未划线价格：未划线的价格是商品在官网上的销售标价，具体的成交价格可能因为会员使用优惠券发生变化，最终以订单结算页价格为准。</p>
		<a class="learn-more-btn" >Chuck 70</a>
				</div>
    </main>
    <div id="information">
        <h1>关注CONVERSE</h1>
        <p>Converse同时活跃在各类社交网络平台，点击下列你所喜爱的常用社交平台，密切关注Converse的最新产品与资讯。</p>
        <span class="weibo"></span>
        <span class="weixin"></span>
    </div>
    <div id="sitemap">
        <div class="sitemap-til"></div>
        <div class="sitemap-detail">
           <dl>
               <dt>
                   <a href="">男的</a>
               </dt>
               <dd class="other">
                   <a href="">CHUCK TAYLOR ALL STAR</a>
               </dd>
               <dd class="other">
                   <a href="" >CONVERSE CONS</a>
               </dd>
               <dd class="other">
                   <a href="">JACK PURCELL</a>
               </dd>
               <dd  class="other">
                   <a href="">CHUCK II</a>
               </dd>
               <dd class="other">
                   &nbsp; 
               </dd>
               <dd>
                   <a href="">踩的</a>
               </dd>
               <dd>
                   <a href="">穿的</a>
               </dd>
               <dd>
                   <a href="">戴的</a>
               </dd>
               <dd>
                   <a href="">优惠</a>
               </dd>
           </dl>
           <dl>
               <dt>
                   <a href="">女的</a>
               </dt>
               <dd class="other">
                   <a href="">CHUCK TAYLOR ALL STAR</a>
               </dd>
               <dd class="other">
                   <a href="">CONVERSE CONS</a>
               </dd>
               <dd class="other">
                   <a href="">JACK PURCELL</a>
               </dd>
               <dd class="other">
                   <a href="">CHUCK II</a>
               </dd>
               <dd class="other">
                   &nbsp; 
               </dd>
               <dd>
                   <a href="">踩的</a>
               </dd>
               <dd>
                   <a href="">穿的</a>
               </dd>
               <dd>
                   <a href="">戴的</a>
               </dd>
               <dd>
                   <a href="">优惠</a>
               </dd>
           </dl>
           <dl>
               <dt>
                   <a href="">儿童</a>
               </dt>
               <dd class="other">
                   <a href="">CHUCK TAYLOR ALL STAR</a>
               </dd>
               <dd class="other">
                   <a href="">CONVERSE CONS</a>
               </dd>
               <dd class="other">
                  &nbsp;
               </dd>
               <dd class="other">
                   &nbsp; 
               </dd>
               <dd class="other">
                   &nbsp; 
               </dd>
               <dd>
                   <a href="">踩的</a>
               </dd>
               <dd>
                   <a href="">穿的</a>
               </dd>
               <dd>
                   <a href="">戴的</a>
               </dd>
               <dd>
                   <a href="">优惠</a>
               </dd>
           </dl>
           <dl>
               <dt>
                   <a href="">GLONAL</a>
               </dt>
   
               <dd class="other">
                   <a href="">CONVERSE GLOBAL SITES</a>
               </dd>
           </dl>
           <dl>
               <dt>
                   <a href="">我的账户</a>
               </dt>
               <dd>
                   <a href="">会员中心</a>
               </dd>
               <dd>
                   <a href="">现有订单</a>
               </dd>
               <dd>
                   <a  href="">过去订单</a>
               </dd>
               <dd>
                   <a href="">退换货</a>
               </dd>
               <dd>
                   <a href="">账户设置</a>
               </dd>
               <dd>
                   <a href="">地址簿</a>
               </dd>
               <dd>
                   <a href="">我的优惠券</a>
               </dd>
               <dd>
                   <a href="">我的收藏</a>
               </dd>
               <dd>
                   <a href="">我的评论</a>
               </dd>
           </dl>
           <dl>
               <dt>
                   <a href="">帮助和购物指南</a>
               </dt>
               <dd>
                   <a href="">账户</a>
               </dd>
               <dd>
                   <a href="">订单</a>
               </dd>
               <dd>
                   <a href="">尺码</a>
               </dd>
               <dd>
                   <a href="">退货和退款</a>
               </dd>
               <dd>
                   <a href="">换货</a>
               </dd>
               <dd>
                   <a href="">配送</a>
               </dd>
               <dd>
                   <a href="">联系我们</a>
               </dd>
               <dd>
                   <a href="">常见问题</a>
               </dd>
           </dl>
           <dl>
               <dt>
                   <a href="">CONVERSE 小程序</a>
               </dt>
               <dd>
                   <img src="http://image.converse.com.cn/images/mp-qrcode.png" width="110" alt="">
               </dd>
           </dl>
           <dl>
               <dt>
                   <a href="">NIKE</a>
               </dt>
               <dd>
                   <a href="">NIKE+</a>
               </dd>
               <dd>
                   <a href="">JORDAN</a>
               </dd>
           </dl>
        </div>
    </div>
    <div id="footer-wrapper">
           <ul class="footer-list">
               <li><a href="">关于我们</a></li>
               <li><a href="">帮助和购物指南</a></li>
               <li><a href="">隐私政策</a></li>
               <li><a href="">使用规则</a></li>
           </ul>
           <div class="footer-logo">
            <img src="https://image.converse.com.cn/images/commons/header-footer-new2.png" alt="">
           </div>
           <div class="footer-messege">
               <span>
                   @匡威体育用品（中国）有限公司 保留所有权利 
                   <a>沪ICP备11044134号-2</a>
                   <img src="//image.converse.com.cn/images/homepage/beiAn.png">沪公网安备 31011002001667号 
                   <a href=""><img src="//image.converse.com.cn/images/commons/business-license.png">电子营业执照 公司证照</a></span>  
           </div>
           
           <div class="tip-for-fraud">            
                      <img src="//image.converse.com.cn/images/cautionIcon.png">
                      <!-- <span>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</span> -->   
               </div>
       
   </div>
   <script src="./js/index.js"></script>
</body>
</html>